<template>
  <div class="BreadcrumbItem">
    <router-link
      :to="data.path"
      class="link"
      :class="{ active: data.isCurrent }"
      >{{ data.text }}</router-link
    ><span v-if="!data.isLast">/</span>
  </div>
</template>
 
<script>
export default {
  props: ["data"],
  data() {
    return {};
  },
};
</script>
 
<style lang = "less" scoped>
.BreadcrumbItem {
  .link {
    text-decoration: none;
    color: #000;
    font-weight: 500;
  }
  .active {
    font-weight: bold;
  }
}
</style>